.page-body{width: 1100px;margin: auto;position: relative;min-height: 400px;}

.menu{position: absolute;width: 200px;height:auto;top:-40px;}
.menu ul{width: 200px;}
.menu li{border-bottom: 1px solid #fff;font-size: 14px;background-color: #462923;height: 40px;line-height: 40px;color: #fff;text-align: center;}
.menu li a{color: #fff; }
.menu li a i{ margin-right: 10px;}
.menu li.subMenu:hover,.menu li.active{background-color: #fff;}
.menu li.subMenu:hover a,.menu li.active a{color: #462923;}
.menu li.menuName{font-size: 14px;}
.contactUS{margin-top: 30px;}

.page-body .body{margin-left: 240px;padding: 10px;}
.body .p_title{border-bottom: 1px dashed #d8d8d8;text-align: center;padding-bottom: 10px;}
.body .p_title h1{font-size: 22px;color: #462923;line-height: 1.5;}
.body .p_title .time{font-size: 14px;color:#999;line-height: 1.5;}
.body .p_content{padding: 10px;}
.body .p_content p{font-size: 14px;color:#999;line-height: 1.5;text-indent: 28px;}
.body .p_content img{}

.body .p_content .attr li{float: left;height: 50px;line-height: 50px;background-color: #ead586;
color:#462923;text-align: center;border-right:2px solid #fff;font-size: 15px;width: 25%;
margin-bottom: 20px;
}
.body .p_content .block{font-size: 14px;color:#999;line-height: 1.5;
    margin-bottom: 20px;
}

.body .l_title{border-bottom: 2px solid #d8d8d8;}
.body .l_title h1{font-size: 24px;color: #999;line-height: 1.5}
.body .l_title h1 font{color:#462923;}
.body .l_list>li{border-bottom: 2px solid #d8d8d8;font-size: 12px;padding: 10px 0;}
.body .l_list .title{}
.body .l_list .name{float: left;font-size: 20px;color:#462923;line-height: 24px;}
.body .l_list .time{float: right;line-height: 24px;font-size: 12px;color: #999;}
.body .l_list .con{font-size: 14px;color: #999;line-height: 1.5;margin: 6px 0;}
.body .l_list .attr{font-size: 12px;color: #999;}
.body .l_list .attr li{float: left;width: 25%;text-align: left;color: #999;}

.body .l_list .img{float:left;width: 155px;}
.body .l_list .img img{width: 100%;}
.body .l_list .text{float:right;width: 670px;}

.body  nav{text-align: center}
.pagination>li>a, .pagination>li>span{color:#462923;}


@media screen and (max-width: 767px) {
    .page-body{width: 100%;}
    .menu{position: static;width: 100%;}
    .menu ul{display: flex;justify-content: space-between;    width: 100%;}
    .menu.sub3 li{width: 33%;}
    .menu.sub2 li{width: 50%;}
    .page-body .body{margin-left: 0px;}
    .body .l_list .img{width: 100%;}
    .body .l_list .text{width: 100%;}
    .body .p_content img {
        width: 100%;
    }


}